<template>
	<view class="order-border box-sizing"> 
		<view @tap="show = !show" class=" ss-flex ss-row-between box-sizing">
			<view class="fs-28 font-w-500">订单信息</view>
			<z-icon name="arrow-down" size="32rpx"></z-icon>
		</view>
		<block v-if="show">
			<uv-line margin="24rpx 0"></uv-line>
			<view class="ss-flex ss-row-between">
				<view>技师</view>
				<view class="fc-dark6">{{ info.cjian_name || '无' }}</view>
			</view>
			<uv-line margin="24rpx 0"></uv-line>
			<view class="ss-flex ss-row-between">
				<view>下单日期</view>
				<view class="fc-dark6">{{ sheep.$helper.timeFormat(info.createtime) }}</view>
			</view>
		</block>
	</view>
</template>

<script setup>
	import sheep from "@/sheep"
	const show = ref(false)
	const props = defineProps({
		info:{
			type:Object,
			default:()=> {
				return {}
			}
		}
	})
</script>

<style lang="scss" scoped>
	.order-border {
		width: 100%;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		border: 2rpx solid #EEEEEE;
		padding: 20rpx 32rpx;
	}
</style>